<! doctype html>

<html>
	<head>
		<title></title>
	</head>
	<style>
		*{
			margin:0;
			padding:0;	
	}  
		table{
			border-collapse:collapse;
			width:100%;
			margin-bottom:4px;
			margin-top:4px;
	}
		.container{
			margin:auto;
			width:1200px;
			height:200px;
				
	}
		.class1{
			background-color:#555;
			height:25px;
			font-family:arial;color:white;
			text-align:left;
	}
		.class2{
			background-color:#f6f4f0;	
	}
		table tr td{
			border:1px solid #d4d4d4;
	}
	</style>

	<body>
		<div class="container">
			<table class="reference" border="1px" cellspadding="0" cellspacing="0" width="600px" height="200px">
		
			<tr class="class1">
				<th>First Name</th>
				<th>Last Name</th>		
				<th>Points</th>
			</tr>
			<tr>
				<td>Jill</td>
				<td>Smith</td>		
				<td>50</td>
			</tr>
			<tr class="class2">
				<td>Eve</td>
				<td>Jackson</td>		
				<td>94</td>
			</tr>
			<tr>
				<td>John</td>
				<td>Doe</td>		
				<td>80</td>
			</tr>
			<tr class="class2">
				<td>Adam</td>
				<td>Johnson</td>		
				<td>67</td>
			</tr>
			</table>
		</div>
	</body>
</html>